<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>
    键盘事件处理
  </title>
</head>
<body>
<div id = 'root'>
      <!--
            vue支持的键盘事件
            .enter
            .tab
            .delete (捕获“删除”和“退格”键)
            .esc
            .space
            .up
            .down
            .left
            .right
            支持链式调用(一起按生效 )
        -->
      <!--　键盘输入 keyup(按下按键的同时按下其他键并释放其他键才能触发) keydown(正常触发) -->
      <!--  ctrl shift tab 等带有热键功能的需要用 keydown -->
      <input type="text" placeholder="按下回车提示输出" @keyup.ctrl="showInfo" />
</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script>
   Vue.config.productionTip = false
  const vm = new Vue({
    el: '#root',
    data() {
      return {
      name: '海绵宝宝',
      address: '蚌埠'
    }
    },
    methods: {
      showInfo(e) {
          console.log(e.target.value)
      }
    },

  });
</script>
</body>
</html>